<extend name="Public/common"/>
<block name="style">
    <link href="__PUBLIC__/Home/css/index.css" rel="stylesheet" type="text/css"/>
</block>
<block name="body">
    <!---->
    <div class="top_top">
        <div class="wyz_top_top">
            <h1>{$_libraryInfo['library_title']}</h1>
            <div class="input_tup">
                <input type="text" placeholder="&nbsp;&nbsp;搜索书籍名称">
                <img src="__PUBLIC__/Home/img/放大镜_2.png" onclick="hint()" />
            </div>

            <h4>热门搜索：{$_libraryInfo['library_search_book']}</h4>
        </div>
        <!--->
        <ul class="index_inter">
            <li>
                <img src="__PUBLIC__/Home/img/t1.png"/>
                <h3>{$_libraryInfo['library_title_left']}</h3>
                <p>
                    {$_libraryInfo['library_content_left']}
                </p>
            </li>
            <li>
                <img src="__PUBLIC__/Home/img/t2.png"/>
                <h3>{$_libraryInfo['library_title_center']}</h3>
                <p>
                    {$_libraryInfo['library_content_center']}
                </p>
            </li>
            <li>
                <img src="__PUBLIC__/Home/img/t3.png"/>
                <h3>{$_libraryInfo['library_title_right']}</h3>
                <p>
                    {$_libraryInfo['library_content_right']}
                </p>
            </li>
            <div class="clear"></div>
        </ul>
        <!--->
        <div class="index-content graybg">
            <div class="section">
                <h3 class="app-mainline"><span>阅读，</span><span>连接一切的力量</span></h3>
                <div class="app-start">
                    <i class="icon-app-mainline"></i>
                    <div>功能</div>
                </div>
                <ul class="app-list clearfix">
                    <li>
                        <a href="javascript:void(0);">
                            <i class="icon-app-attend"></i>
                            <div class="app-intro">
                                <div class="app-title">便捷</div>
                                <span class="font_wyz">支持电脑、手机在线</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li class="fright">
                        <a href="javascript:void(0);">
                            <i class="icon-app-email"></i>
                            <div class="app-intro">
                                <div class="app-title">邮箱</div>
                                <span  class="font_wyz">支持邮箱账号快速注册，支持邮箱反馈，目前尚未开通</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <i class="icon-app-calendar"></i>
                            <div class="app-intro">
                                <div class="app-title">台历</div>
                                <span  class="font_wyz">阅读日历、阅读共享、书籍预定、定时提醒</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li class="right">
                        <a href="javascript:void(0);">
                            <i class="icon-app-approve"></i>
                            <div class="app-intro">
                                <div class="app-title">审批</div>
                                <span  class="font_wyz">审批简单，支持借阅移动审批</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <i class="icon-app-document"></i>
                            <div class="app-intro">
                                <div class="app-title">心得</div>
                                <span  class="font_wyz">心得存储、支持共享，汇聚所有心得体会</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li class="right">
                        <a href="javascript:void(0);">
                            <i class="icon-app-memo"></i>
                            <div class="app-intro">
                                <div class="app-title">备忘</div>
                                <span  class="font_wyz">随想随记，可分享、可讨论</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <i class="icon-app-client"></i>
                            <div class="app-intro">
                                <div class="app-title">读者</div>
                                <span  class="font_wyz">简单易用的图书管理界面，读者借阅信息服务跟踪</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li class="right">
                        <a href="javascript:void(0);">
                            <i class="icon-app-worklog"></i>
                            <div class="app-intro">
                                <div class="app-title">日志</div>
                                <span  class="font_wyz">每日阅读三部曲，计划、过程、结果，可评阅</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <i class="icon-app-friendly"></i>
                            <div class="app-intro">
                                <div class="app-title">书友连接</div>
                                <span  class="font_wyz">线下解决图书交换、书友交流便捷</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li class="right">
                        <a href="javascript:void(0);">
                            <i class="icon-app-notice"></i>
                            <div class="app-intro">
                                <div class="app-title">公示</div>
                                <span  class="font_wyz">书籍去向公示，书籍评论公示，心得体会公示</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <i class="icon-app-comm"></i>
                            <div class="app-intro">
                                <div class="app-title">沟通</div>
                                <span  class="font_wyz">基于图书系统即时更新，网页、桌面、移动三端及时同步</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li class="right">
                        <a href="javascript:void(0);">
                            <i class="icon-app-plan"></i>
                            <div class="app-intro">
                                <div class="app-title">计划</div>
                                <span  class="font_wyz">在线计划，书籍先后阅读顺序，可随时查看、评阅</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <i class="icon-app-task"></i>
                            <div class="app-intro">
                                <div class="app-title">线下借阅</div>
                                <span  class="font_wyz">在线信息获取，线下书友交换书籍，执行跟踪，结果反馈</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li class="right">
                        <a href="javascript:void(0);">
                            <i class="icon-app-project"></i>
                            <div class="app-intro">
                                <div class="app-title">安全</div>
                                <span  class="font_wyz">读者核心信息安全，实时监控外来侵入</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <!-- <li>
                        <a href="javascript:void(0);">
                            <i class="icon-app-knowledge"></i>
                            <div class="app-intro">
                                <div class="app-title">知识</div>
                                <span>企业知识的收集、分类，多版本管理</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li class="right">
                        <a href="javascript:void(0);">
                            <i class="icon-app-forum"></i>
                            <div class="app-intro">
                                <div class="app-title">论坛</div>
                                <span>企业内部论坛</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li> -->
                    <li>
                        <a href="javascript:void(0);">
                            <i class="icon-app-group"></i>
                            <div class="app-intro">
                                <div class="app-title">群</div>
                                <span  class="font_wyz">书友交流群，支持文件共享，目前尚未开通</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li class="right">
                        <a href="javascript:void(0);">
                            <i class="icon-app-broadcast"></i>
                            <div class="app-intro">
                                <div class="app-title">广播</div>
                                <span  class="font_wyz">即时消息发布，可要求确认，书籍交换</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <i class="icon-app-sms"></i>
                            <div class="app-intro">
                                <div class="app-title">短信</div>
                                <span  class="font_wyz">书籍交换，借阅期限，短信提醒，目前尚未开通</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li>
                    <!-- <li class="right">
                        <a href="javascript:void(0);">
                            <i class="icon-app-microblog"></i>
                            <div class="app-intro">
                                <div class="app-title">微博</div>
                                <span>企业内部微博，分享身边事</span>
                            </div>
                            <span class="app-point"></span>
                        </a>
                    </li> -->
                </ul>
                <div class="app-bottom">
                    <a href="javascript:void(0);" class="app-toggle">了解更多功能<span class="toggle-arrow"></span></a>
                </div>
            </div>
        </div>
    </div>
</block>
<block name="script">

    <script type="text/javascript">
        $(function() {
            //应用开关
            var appToggleClose = "查看更多应用<span class='toggle-arrow'></span>", appToggleOpen = "收起应用<span class='toggle-arrow up'></span>", appToggle = false;
            $(".app-list li:gt(9)").hide();
            $(".app-toggle").click(function (e) {
                e.stopPropagation();
                if (appToggle) {
                    $(".app-list li:gt(9)").slideUp(400);
                    $(this).empty().append(appToggleClose);
                    appToggle = false;
                } else {
                    $(".app-list li:gt(9)").slideDown(400);
                    $(".app-list").css({"margin-bottom": "40px"});
                    $(".app-bottom").hide();
                    $(this).empty().append(appToggleOpen);
                    appToggle = true;
                }
            })
        })
        function hint(){
            alert('请先进行登陆，才能进行书籍搜索')
        }
    </script>
</block>